亚洲国产精品色拍网站丨日本高清www午色夜com丨色哟哟在线视频精品一区丨久久精品亚洲中文字幕无码网站丨凹凸在线无码免费视频丨国产在线视精品在一区二区丨亚洲精品国产一区二区的区别丨欧美性生 活18~19丨亚洲中文字幕久久精品无码a丨梦乃爱华av在线播放丨欧美成免费丨一级女人18片毛片蜜桃av丨亚洲午夜福利在线视频丨在线观看精品视频丨精品日产一卡2卡三卡4卡自拍丨欧美1区2区3区丨日产精品一区二区三区在线观看丨国产伦精品一区三区视频丨波多野结衣一区二区三区高清av丨最近中文字幕免费大全在线丨国产精品亚洲片夜色在线丨精品1卡二卡三卡四卡老狼丨亚洲一卡二卡三卡四卡在线看丨麻豆精品传媒一二三区丨超清无码av最大网站

前言：SEO在網(wǎng)站運營中的地位已經(jīng)不言而喻了，SEO說難不難，因為只要在網(wǎng)站制作過程中，把握一些“套路”，不要過于修飾就差不多了，這個方面站長基本都是知道的，但是SEO說簡單也不簡單，需要多觀察、思考，耐心的去研究“細節(jié)”，方能把網(wǎng)站的整體排名提高到一個檔次。如果對于SEO細節(jié)的把握得當，會起到非常好的收效。本人不才，將在以后的日子里，發(fā)布一系列“SEO：細節(jié)決定成敗”的文章，本文以CSS優(yōu)化為例，介紹一些技巧，希望能和大家一起學習探討SEO，同時也希望大家不吝賜教，謝謝！

總的來說，p + CSS的網(wǎng)站標注設計，大家應該有了很多的了解了，我整理了一下，符合設計標準簡單來講有以下好處：

提供最多利益給最多的網(wǎng)站用戶

確保任何網(wǎng)站文擋都能夠長期有效

簡化代碼、降低建設成本

讓網(wǎng)站更容易使用，能適應更多不同用戶和更多網(wǎng)路設備

當瀏覽器版本更新，或者出現(xiàn)新的網(wǎng)絡交互設備時，確保所有應用能夠繼續(xù)正確執(zhí)行。

那么，我們了知道這些好處，還需要在實際當中活學活用，今天的主題是以一個實例來體現(xiàn)css在SEO中的靈活運用，我發(fā)現(xiàn)，在大多數(shù)不怎么運用標準甚至一些符合標準的網(wǎng)站里，都犯有這點錯誤，哪一點？請繼續(xù)往下看。

先看圖：

我就不兜圈子了，從圖中我們看到有些標題是這樣的：4399小游. . . 。這是一個因為長度過長而被省略的標題。

通常我們的一般是做成靜態(tài)頁面的，那么我們在生成標題的時候會使用類似：{limit：title，12，“. . .”}，相信大家都看得懂，限制標題長度為12，過長的部分用“. . .”省略號代替。那實際該標題顯示在首頁或者當前頁的關鍵字就是”4399小游. . .“，我們知道，搜索是讀源文件的，我們提取該頁的源文件分析：

搜索引擎看到的結果是這樣的：<li><a href="http://www.4399ol.com"target="_blank" title="4399小游戲">4399小游. . .</a></li>

而不是我們想像中的完整標題：<li><a href="http://www.4399ol.com"target="_blank" title="4399小游戲">4399小游戲</a></li>

那么這樣做會有影響么？答案是肯定的。站長們其實都知道，這樣做該鏈接的文字描述權重就會分到”4399小游...“，而非”4399小游戲“上了，當然盡管我們已經(jīng)在<A>中用title描述了完整的標題。

如果這樣說還不明白的話，我們還可以這樣來解釋，很多平時喜歡交換鏈接的站長，使用的網(wǎng)站名不單單是為了帶流量，而是為了某個關鍵詞的權重和排名。SEO的靈魂就是鏈接，不管是外鏈還是內(nèi)鏈，都有明顯的‘權重傳遞’，如果我們限制了標題而替代以省略號，相信權重會大打折扣，這一點是毋庸置疑的。

了解了這一點，我們就會想對策。其實CSS 2.0中屬性<li>就很好的為我們解決了這個問題，一個很簡簡單的功能就能搞定了，我們在控制<li>的時候可以這樣寫（為了清楚明白，附以完整代碼）：

以下為引用的內(nèi)容：

<style type="text/css">

<!--

li {

width:20px;

white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;

}

/* firefox only */

li:not(p) { /* wtf is? pls let me know*/

clear: both;

}

li:not(p) a {

max-width: 17px;

float: left;

}

li:not(p):after {

content: "...";

float: left;

width: 25px;

padding-left: 5px;

color: #df3a0e;

}

-->

</style>

<ul>

<li><a href="http://www.4399ol.com" titile="4399小游戲">4399小游戲</a></li>

</ul>

這樣的話就輕松解決了問題。即便是超出的部分，也不會在源文件中被砍掉了，而是以完整的標題提供給搜索引擎去索引了。

其實文章前面我們也提到了，很多網(wǎng)站，尤其是以表格完成頁面主題的網(wǎng)站，在”相關文章“里都會有標題超長出現(xiàn)，而大多數(shù)網(wǎng)站的處理方法就是截掉了超長部分，當然表格完成的頁面也可以使用此方法，道理是一樣的，大家可以去試試。

p+css標準設計有很多地方很適合SEO優(yōu)化，希望大家慢慢的去摸索和嘗試。

此文只是本人優(yōu)化過程中的一點點體會，希望能起到拋磚引玉的作用，謝謝大家！